<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    body {
        background-color: rgb(250, 250, 251);
    }

    .box {
        width: 400px;
        /* height: 400px; */
        /* background-color: pink; */
        margin: 150px auto;
        /* text-align: center; */
    }

    .box h3 {
        margin-left: 80px;
    }

    .box .title {
        border: 2px solid #ccc;
        border-top: 2px solid rgb(34, 97, 231);
        background-color: #fff;
    }

    .box .title .text {
        margin: 10px;
    }

    .title .text span {
        font-size: 12px;
        font-weight: 700;
        display: block;
        height: 2px;
        margin-top: 10px;
    }
    .text input{
        width: 95%;
        height: 25px;
        border-radius: 5px;
        border: 2px solid #ccc;
        /* margin-top: 5px; */
    }
    .text button{
        background-color: rgb(51, 122, 183);
        color: #fff;
        width: 60px;
        border-radius: 5px;
        border: 1px solid;
        height: 35px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
</style>

<body>
    <div class="box">
        <h3>启帆程序员 - 博客管理员登录</h3>
        <div class="title">
            <div class="text">
                <form action="./后台管理.html">
                    <span>邮箱</span><br>
                    <input type="email" name="email" id="" placeholder="请输入邮箱地址"><br>
                    <span>密码</span><br>
                    <input type="password" name="password" id="" placeholder="请输入密码"><br>
                    <button type="submit">登录</button>
                </form>
                
            </div>
        </div>  
    </div>
</body>

</html>